iOS13 面板材質（指南）

材質的類別及選擇原理

在iOS13材質被重新定義，體系：基於透明度被分為四種等級：厚、普通、薄、超薄。設計目的是為了能夠很好地適應各種背景環境。

各種厚度材質的應用場景

Thick（厚材質）

適用於需要高度區分的場景，如需要在複雜的背景上顯示非常清晰、容易辨認的前景內容（如彈窗、警告框等）。

Regular（預設材質）

通常用在一般的卡片背景、選單欄或控制中心上方的背景，保持介面整體的層次感。

Thin（薄材質）

常用於需要顯示更多背景資訊的場景，如導航欄、工具欄或浮動面板，讓使用者在看到前景內容的同時仍然能獲取背景的資訊。

Ultrathin（超薄材質）

適用於前景內容和背景內容差別不大的場景，如小型資訊提示、狀態列背景等，這種效果可以在不干擾背景的情況下，輕微突出前景內容。

支援在淺色和深色模式下動態的變化。可以根據需要的背景分離程度以及適合度來選擇合適的材質。

分離度：視覺距離和區分度（高則邊緣清晰明顯）

適合度：與整體的設計語境保持一致

較厚材質：強對比度，用在需要讓使用者引起重視的內容

較輕薄材質：不需要突出的附屬內容，簡約而不搶眼

原則：薄厚度的選擇取決於內部顯示的內容重要程度

Use of the Vibrancy 活力效果的運用

淺色和深色材質都有一套與之相配的活力值用於標籤、填充和分隔色（元素）。vibrancy活力效果，是一個動態的視覺疊加樣式將互動性與美學結合起來的設計決策。是一個重要且被廣泛應用的資訊呈現策略。

選擇活力效果而不是純色，因為前者可以更好的適應不同的背景變化而保持對比度。純色可能會變得非常混濁（當與背景顏色相近時）降低可讀性。